<template>
    <view class="item-card">
        <view class="flex-s-c">
            <slot name="headerLeft"></slot>
            <slot name="headerRight"></slot>
        </view>
        <view class="list-item-content">
            <slot name="content"></slot>
        </view>
    </view>
</template>

<script>
export default {}
</script>

<style lang="scss">
.item-card {
    margin-top: 24rpx;
    padding: 24rpx;
    background: $color-white;
    border-radius: 24rpx;
    color: $color-gray-1;
    font-size: 28rpx;

    .list-item-content {
        display: flex;
        flex-direction: column;
        height: 278rpx;
        margin-top: 24rpx;
        border-radius: 12rpx;
        padding: 12rpx 32rpx;
        box-sizing: border-box;
        background-color: $color-gray-5;
    }
}
</style>
